@charset "utf-8";
a{ cursor: pointer}
:focus{outline: 0!important}
.relative{position:relative}
.inline{ display:inline;}
.after:after{ display:block; height:0px; clear:both; content:'\002';}
.float-l{float: left;}
.float-r{ float:right;}
a.click{color: #0331F7;}

::-webkit-scrollbar{width: 4px; height: 4px}
::-webkit-scrollbar-thumb{background: rgba(107,115,133,1);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:window-inactive{background: rgba(0, 0, 0, 0)}
.loading{text-align: center;margin: 40px 0;color:#333;font-size: 14px}
.load3{width: 60px;height: 60px;position: relative;margin: 100px auto 10px;}
.double-bounce1, .double-bounce2{width: 100%;height: 100%;border-radius: 50%;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: bounce 2.0s infinite ease-in-out;animation: bounce 2.0s infinite ease-in-out;}
.double-bounce2{-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
@-webkit-keyframes bounce{0%, 100%{-webkit-transform: scale(0.0)}
50%{-webkit-transform: scale(1.0)}}
@keyframes bounce{0%, 100%{transform: scale(0.0);-webkit-transform: scale(0.0);}
50%{transform: scale(1.0);-webkit-transform: scale(1.0);}}

body{width: 100%;height: 100%;font-family: Arial,"微软雅黑"}

.head{min-width:1200px;height:60px;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);position:absolute;width:100%;z-index:99}
.head .logo{float: left; font-size: 18px; color: #FFF; line-height: 60px; margin: 0 20px;}
.head .user{float:right;padding-top:18px;padding-right:10px;font-size:15px}
.head .user span{margin:0 5px}
.head .user span i{margin-right:5px;top: 2px}
.head .user span[role='logout']{cursor:pointer}

.main{min-width:1200px;overflow:hidden;padding:60px 0 0 190px;}

.welcome img{position: absolute;top: 50%;left: 50%;margin: -64px 0 0 -140px;}

.menu{width:190px;margin:0 0 -9999em -190px;padding:0 0 9999em;float:left;box-shadow: 1px -2px 5px rgba(0, 0, 0, 0.5);position: relative;z-index: 1;}
.menu ul,.menu ol{margin:0;padding:0;list-style:none;font-size:15px}
.menu ul a{text-decoration:none;cursor:pointer;padding-left:30px}
.menu ul a i{margin-right:10px;font-size:14px}
.menu ol{display:none}
.menu ol a{display:block;padding:10px 15px;padding-left:55px;}

.content{width:100%;float:right;margin-bottom:-9999em;padding-bottom:9999em;background:url(../images/bg.jpg)}

.position{padding:10px 15px;background:#F6F8F7;font-size:15px;color:#3C3C3C}
.position i{margin-right:5px}
.position > span{margin:0 4px;color:#3C3C3C}
.position > span:last-child{color:#3C3C3C}
.position > span + span:before{padding: 0 5px;color: #3C3C3C;content: "/\00a0"}

.form-group label{font-weight:normal;margin:0 5px}
.form-group input[type='text'],
.form-group input[type='password'],
.form-group select,
.form-group textarea{margin:0 5px;padding: 4px 10px;font-size: 14px; font-family:Verdana, Arial, Helvetica, sans-serif, "微软雅黑"; height:30px; line-height:30px;color: #555;background-color: #FFF;border: 1px solid #CCC;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-group input[disabled]{ background:rgba(0, 0, 0, 0.08);}
.form-group input[type='radio']{ margin-right:5px; vertical-align: top;}
.form-group input.text{width:200px}
.form-group select{width:200px;height:30px;}
.form-group textarea{width:400px;height:150px;padding:7px 10px}
.form-group > div{margin:15px 0;}
.form-group > div:last-child{ margin-bottom:0;}
.form-group .control-label{width:75px; line-height:30px; height:30px;}
.form-group .control-label-lg{width:100px}
.form-group .check-label{ cursor:pointer;}
.form-group .btn{width:100px;font-size:15px;padding:4px 10px;margin:0 5px}
.form-group em.error{color:#F00;opacity:0;}
.form-group em.error-top{color:#F00;opacity:0;position:absolute;top:-23px;left:103px}
.form-group .select2-container{ width: 200px; margin-left: 5px;}
.form-group .select2-container .select2-selection--single{ height:30px; border-color:#CCC; border-radius:4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#555; line-height: 30px;}

em.notice-err{color:#e63135; font-style:normal;opacity:0; background:url(../images/err.png) left center no-repeat; padding:1px; margin-left:5px; padding-left:20px;}
em.notice-err-top{color:#e63135; font-style:normal;opacity:0; background:url(../images/err.png) left center no-repeat; padding-left:20px; position:absolute; left:104px; top:-20px;}

.dataTable table{ width: 100%;}
.dataTable th{ padding: 10px 8px; border-bottom: 1px solid #111; text-align: center; font-weight: bold;}
.dataTable td{ padding: 8px 10px; border-top: 1px solid #ddd;}
.dataTable .t-head td{ height: 0; padding-top: 0; padding-bottom: 0; border: 0;}
.dataTable .t-head td div{ height: 0; overflow: hidden;}
.dataTable .t-body{ height: 409px; overflow-y: auto;}
.dataTable .t-body th{ height: 0; padding-top: 0; padding-bottom: 0; border: 0;}
.dataTable .t-body th div{ height: 0; overflow: hidden;}
.dataTable .t-body tr.odd{ background: #f9f9f9;}
.dataTable .t-body tr:hover{ background: #F5F5F5;}
.dataTable .t-body tr:first-child td{ border-top: none;}



.panel{margin:20px;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);border-color:#b1b2c4;border-bottom-right-radius:0;border-bottom-left-radius:0}
.panel-heading{ height:37px;}
.panel-title{font-size:16px;color:#F8F8F8;font-family:"微软雅黑";text-shadow: 1px 1px 1px #3C3C3C; float:left; margin-right:30px;}
.optDiv{ float:left; margin:0 20px;}
.optDiv label{ font-weight:normal;font-size:14px;color:#F8F8F8;font-family:"微软雅黑";text-shadow: 1px 1px 1px #3C3C3C; float:left; margin:0 5px;}
.optDiv input[type=text]{padding: 2px;width: 150px;color: #616D73;padding-right: 20px; height:22px;border: 1px solid #9FA3A8;border-radius: 3px;}
.optDiv .btn{background: #FFF;padding: 0;width: 22px;height: 20px;line-height: 20px;text-align: center;font-weight: bold;color: #616D73;text-shadow: 0 1px 0 #FFF;font-style: normal;margin-top: -2px;margin-left: -25px;border-radius: 0px;border-top-right-radius: 3px;border-bottom-right-radius: 3px; border-left:1px solid #CCC;}
.optDiv .btn:hover{ background:#EBEBEB;}
.optDiv .btn.reload{ border-radius:3px; width:auto; height:28px; margin-top:-6px; padding:0 6px;}

.optDiv .datePicker{ width:207px;}
.optDiv .datePicker > div.after{ height:22px; line-height:22px;}
.optDiv .datePicker i{ margin-top:2px; color:#333;}
.optDiv .datePicker b{ margin-top:8px; color:#333;}

.optDiv .select2-container{ float:left; font-size:12px;}
.optDiv .select2-container .select2-selection--single{ height:22px; border-color:#9FA3A8; border-radius:3px; }
.optDiv .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#616D73; line-height: 22px;}
.optDiv .select2-container--default .select2-selection--single .select2-selection__arrow b{ margin-top: -5px;}

.dropselect.over,.dropselect.currnet{background:#EBEBEB;width: 100%}
.selectlist ul{background:rgba(22,81,116,.9);position:absolute;z-index:9999;left:-1px;border-radius:4px;top:22px;max-height:250px;overflow-y:auto;overflow-x:hidden;width: 100%;display: none;text-shadow:0 0 0;padding:10px 0;}
.dropselect{height:22px;width: 100%;background:#FFF;color:#616D73;border:1px solid #9FA3A8;cursor:pointer;border-radius:3px;}
.dropselect h4{height: 20px;line-height: 20px;background: url(../images/selectAroww.png) repeat-y right;padding:0 30px 0 10px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;color: #616D73; margin:0; font-size:12px; font-family:"微软雅黑";}
.buttonDiv .selectlble{text-shadow: 1px 1px 1px #FFF;}
.maintop .dropselect{margin:0;}
.selectlist ul li{padding:0 10px;cursor:pointer;height:23px;line-height:23px;float:none;font-size:12px;color:#fff;text-shadow:0 0 0;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;margin:0 4px;border-radius:2px;}
.selectlist ul li.over{background:rgba(0,0,0,.2);color: #fff;}

.chart_table_div{border:1px solid #C0C5CB;height:452px}
.chart_chat_div{width:100%;min-height:370px;}

.chart_table_div th{text-align:center;}
.chart_table_div td{text-align:center;}
.chart_table_div .btn{padding:1px 6px;margin:0 1px;box-shadow: 0 1px 0px #BACAD1;background:#f2f0f1;background: linear-gradient(to bottom,#FFF 0,#E0E0E0 100%);color:rgba(51, 51, 51, 0.8);text-shadow: 0 1px 0 #FFF;border-color:#E7E7E7;}
.chart_table_div .btn:hover{color:#333333}
.chart_table_div .btn:active{box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)}

.datePicker{ float:left; width:201px; margin:0 9px;}
.datePicker > div.after{ cursor:pointer; overflow:hidden;background-color: #FFF;border: 1px solid #CCC;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; height:30px; line-height:30px; padding:0 6px;}
.datePicker.open,
.datePicker > div.after:hover{ background:#E8ECF1;}
.datePicker > div.after:active{ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)}
.datePicker i{ float:left; margin-top:7px; margin-right:5px;}
.datePicker span{ float:left; color:#555!important; margin-left: 10px;}
.datePicker span em{  color: #CCC; font-style: normal; font-weight: normal;}
.datePicker b{ float:right;margin-top:13px;}

.modal-dialog h4{font-size:1.7em;font-family:Verdana, Arial, Helvetica, sans-serif, "微软雅黑";font-weight:normal;margin:0; text-align:center;}
.modal-dialog .btn{padding:4px 20px;font-size:15px;float:left}
.modal-body .row > div label{font-weight:normal;text-shadow: 0 1px 0 #F0F0F0}
.modal-body .form-group{margin-bottom:0}

.modal-lg{width:750px}
.modal-md{width:600px}
.modal-sm{width:450px}
.modal-big{ width:978px;}
/*--------------------------以上为框架固有样式-----------------------------*/


/*--------------------------单独自定义样式-----------------------------*/
.panel-body .options{padding: 10px 0;}
.panel-body .options .group{ float: left; margin: 0 15px 0 0;}
.panel-body .options .group .btn{padding:1px 6px;margin:0 1px;box-shadow: 0 1px 0px #BACAD1;background:#f2f0f1;background: linear-gradient(to bottom,#FFF 0,#E0E0E0 100%);color:rgba(51, 51, 51, 0.8);text-shadow: 0 1px 0 #FFF;border-color:#E7E7E7;}
.panel-body .options .group .btn:hover{color:#333333}
.panel-body .options .group .btn:active{box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)}

.chart_form_div form{border:1px solid #C0C5CB;min-height:474px;}
.chart_form_div .btton{ margin-left: -5px; margin-top: 20px;}
.chart_form_div .row{ margin: 0; border-bottom: 1px dashed #CCC;}
.chart_form_div .row:last-child{ border-bottom: none;}
.chart_form_div .row > div{ border-right: 1px dashed #CCC; padding: 8px 0px;}
.chart_form_div .row > div:last-child{ border: 0;}
.chart_form_div .subDIv{ margin: 8px -15px 0 -15px; border-top: 1px dashed #CCC; padding: 8px 0 0 15px;}

.search {
	margin: 20px;
	background: #F5F5F5;
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	padding: 20px 20px 0;
}
.create-page {
	margin-bottom: 15px;
}

.create-page .tip {
	padding-left: 10px;
	padding-bottom: 5px;
}

.create-page .tip h3 {
	margin: 0;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	font-family: "微软雅黑";
	display: inline-block
}

.create-page .listDiv {
	padding: 20px 10px;
	border: 1px dashed #CCC;
	border-radius: 5px
}

.create-page a {
	padding: 4px 8px;
	margin-right: 5px;
	cursor: pointer;
}

.create-page a:hover,.create-page a.cur {
	text-decoration: none;
	border-radius: 5px
}

.create-page .btn {
	padding: 5px 14px;
	margin-top: 10px;
}
.chart_create_loading {
	height: 150px;
	padding: 20px 0;
}

.chart_create_loading .loading {
	margin: 0;
	display: none;
}

.chart_create_loading .load3 {
	margin: 10px auto;
}

.chart_create_loading .complete {
	text-align: center;
	padding-top: 40px;
	font-size: 18px;
	display: none;
}


/*--------------------------颜色风格切换-----------------------------*/
.cutmode{ width:125px; height:60px; float:left; margin:15px 0 0 5px}
.cutmode i{ float:left; width:20px; height:20px;  text-indent:-9999px; margin:5px; cursor:pointer; border-radius:4px;}
.cutmode i.cur{box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}
.cutmode i[role=blue]{background:#428BCA; box-shadow:inset 0px 1px 0px #428BCA,inset 0px 0px 10px 2px rgba(0, 0, 0, 0.3),0 0 2px 1px rgba(0, 0, 0, 0.3)}
.cutmode i.cur[role=blue]{box-shadow:inset 0 -1px 0 #428BCA,inset 0 2px 1px rgba(0, 0, 0, 0.3), inset 0 0 10px 2px rgba(0, 0, 0, 0.3); width:21px; height:22px;}
.cutmode i[role=black]{background:#676767; box-shadow:inset 0px 1px 0px #676767,inset 0px 0px 10px 2px rgba(0, 0, 0, 0.3),0 0 2px 1px rgba(0, 0, 0, 0.3)}
.cutmode i.cur[role=black]{box-shadow:inset 0px -1px 0px #848484,inset 0 2px 1px rgba(0, 0, 0, 0.3), inset 0 0 10px 2px rgba(0, 0, 0, 0.3); width:21px; height:21px;}
.cutmode i[role=red]{background:#cc3747; box-shadow:inset 0px 1px 0px #cc3747,inset 0px 0px 10px 2px rgba(0, 0, 0, 0.3),0 0 2px 1px rgba(0, 0, 0, 0.3)}
.cutmode i.cur[role=red]{box-shadow:inset 0px -1px 0px #cc3747,inset 0 2px 1px rgba(0, 0, 0, 0.3), inset 0 0 10px 2px rgba(0, 0, 0, 0.3); width:21px; height:21px;}
.cutmode i[role=orange]{background:#e65440; box-shadow:inset 0px 1px 0px #e65440,inset 0px 0px 10px 2px rgba(0, 0, 0, 0.3),0 0 2px 1px rgba(0, 0, 0, 0.3)}
.cutmode i.cur[role=orange]{box-shadow:inset 0px -1px 0px #e65440,inset 0 2px 1px rgba(0, 0, 0, 0.3), inset 0 0 10px 2px rgba(0, 0, 0, 0.3); width:21px; height:21px;}

/*默认 - blue*/
body[mode=default] .head{background:linear-gradient(180deg,#008CD5 0,#006CA4 100%);}
body[mode=default] .head .user{color:#FFF;}
body[mode=default] .head .user span[role='logout']:hover{color:#D5D5D5}
body[mode=default] .menu{background:#FFF;}
body[mode=default] .menu ul a{color:#666;}
body[mode=default] .menu ul .on > a{background:rgba(4, 110, 199, 0.4);color:#fff}
body[mode=default] .menu ul > li.on > a,
body[mode=default] .menu ul > li > a:hover{background:rgba(4, 110, 199, 0.4);background:linear-gradient(180deg,#628FF1 0,#437496 100%);}
body[mode=default] .menu ul a:hover{background:rgba(4, 110, 199, 0.4);color:#fff}
body[mode=default] .menu ol{background:rgba(4, 110, 199, 0.4);}
body[mode=default] .menu ol a{color:#FFF}
body[mode=default] .btn-primary{color:#FFF; background-color:#428BCA; border-color:#357EBD;}
body[mode=default] .btn-primary:hover,
body[mode=default] .btn-primary:focus,
body[mode=default] .btn-primary:active,
body[mode=default] .btn-primary.active,
body[mode=default] .open .dropdown-toggle.btn-primary{color:#FFF; background-color:#3276B1; border-color:#285E8E;}
body[mode=default] .panel-primary > .panel-heading{color:#FFF; background-color:#428BCA; border-color:#428BCA;}
body[mode=default] .double-bounce1, body[mode=default] .double-bounce2{background-color: #22A1CF;}
body[mode=default] .modal-header{ background:#428BCA;}
body[mode=default] .modal-header h4{ color:#FFF;}
body[mode=default] .confirm .con-title{background:#428BCA;}
body[mode=default] .confirm .con-title h4{ color:#FFF;}
body[mode=default] .create-page a{ color:#666;}
body[mode=default] .create-page a:hover,
body[mode=default] .create-page a.cur{background:#428BCA; color:#FFF; }
body[mode=default] .page ul.pages li{ border-color:#ccdbe4;	color:#197fce;}
body[mode=default] .page ul.pages li:hover{color:#F00;	border-color:#b7cad6;}
body[mode=default] .page ul.pages li.pgEmpty{color:#CCDBE4;	border-color:#CCDBE4;}
body[mode=default] .page ul.pages li.pgCurrent{border-color:#fff;	color:#444;}
body[mode=default] .daterangepicker .ranges li.active,
body[mode=default] .daterangepicker .ranges li:hover{ background:#428BCA; color:#FFF; border:1px solid #428BCA;}
body[mode=default] .daterangepicker .datepicker-header{color:#FFF; background-color:#428BCA; border-color:#357EBD;}
body[mode=default] .daterangepicker .datepicker-week{ background:rgba(4, 110, 199, 0.3);}
body[mode=default] .daterangepicker td.active{background-color:#428BCA;}
body[mode=default] .daterangepicker td.in-range{ background:rgba(4, 110, 199, 0.1);}
body[mode=default] .daterangepicker td.available:hover{ background:rgba(66, 139, 202, 0.8);}
/*blue*/
body[mode=blue] .head{background:linear-gradient(180deg,#008CD5 0,#006CA4 100%);}
body[mode=blue] .head .user{color:#FFF;}
body[mode=blue] .head .user span[role='logout']:hover{color:#D5D5D5}
body[mode=blue] .menu{background:#FFF;}
body[mode=blue] .menu ul a{color:#666;}
body[mode=blue] .menu ul .on > a{background:rgba(4, 110, 199, 0.4);color:#fff}
body[mode=blue] .menu ul > li.on > a,
body[mode=blue] .menu ul > li > a:hover{background:linear-gradient(180deg,#628FF1 0,#437496 100%);}
body[mode=blue] .menu ul a:hover{background:rgba(4, 110, 199, 0.4);color:#fff}
body[mode=blue] .menu ol{background:rgba(4, 110, 199, 0.4);}
body[mode=blue] .menu ol a{color:#FFF}
body[mode=blue] .btn-primary{color:#FFF; background-color:#428BCA; border-color:#357EBD;}
body[mode=blue] .btn-primary:hover,
body[mode=blue] .btn-primary:focus,
body[mode=blue] .btn-primary:active,
body[mode=blue] .btn-primary.active,
body[mode=blue] .open .dropdown-toggle.btn-primary{color:#FFF; background-color:#3276B1; border-color:#285E8E;}
body[mode=blue] .panel-primary > .panel-heading{color:#FFF; background-color:#428BCA; border-color:#428BCA;}
body[mode=blue] .double-bounce1, body[mode=blue] .double-bounce2{background-color: #22A1CF;}
body[mode=blue] .modal-header{ background:#428BCA;}
body[mode=blue] .modal-header h4{ color:#FFF;}
body[mode=blue] .confirm .con-title{background:#428BCA;}
body[mode=blue] .confirm .con-title h4{ color:#FFF;}
body[mode=blue] .create-page a{ color:#666;}
body[mode=blue] .create-page a:hover,
body[mode=blue] .create-page a.cur{background:#428BCA; color:#FFF; }
body[mode=blue] .page ul.pages li{ border-color:#ccdbe4;	color:#197fce;}
body[mode=blue] .page ul.pages li:hover{color:#F00;	border-color:#b7cad6;}
body[mode=blue] .page ul.pages li.pgEmpty{color:#CCDBE4;	border-color:#CCDBE4;}
body[mode=blue] .page ul.pages li.pgCurrent{border-color:#fff;	color:#444;}
body[mode=blue] .daterangepicker .ranges li.active,
body[mode=blue] .daterangepicker .ranges li:hover{ background:#428BCA; color:#FFF; border:1px solid #428BCA;}
body[mode=blue] .daterangepicker .datepicker-header{color:#FFF; background-color:#428BCA; border-color:#357EBD;}
body[mode=blue] .daterangepicker .datepicker-week{background:rgba(4, 110, 199, 0.3);}
body[mode=blue] .daterangepicker td.active{background-color:#428BCA;}
body[mode=blue] .daterangepicker td.in-range{ background:rgba(4, 110, 199, 0.1);}
body[mode=blue] .daterangepicker td.available:hover{ background:rgba(66, 139, 202, 0.8);}
/*black*/
body[mode=black] .head{background:linear-gradient(180deg,#818181 0,#595959 100%);}
body[mode=black] .head .user{color:#FFF;}
body[mode=black] .head .user span[role='logout']:hover{color:#D5D5D5}
body[mode=black] .menu{background:#FFF;}
body[mode=black] .menu ul a{color:#666;}
body[mode=black] .menu ul .on > a{background:rgba(89, 89, 89, 0.4);color:#fff}
body[mode=black] .menu ul > li.on > a,
body[mode=black] .menu ul > li > a:hover{background:linear-gradient(180deg,#818181 0,#595959 100%);}
body[mode=black] .menu ul a:hover{background:rgba(89, 89, 89, 0.4);color:#fff}
body[mode=black] .menu ol{background:rgba(42, 42, 42, 0.4);}
body[mode=black] .menu ol a{color:#FFF}
body[mode=black] .btn-primary{color:#FFF; background-color:#676767 ; border-color:#717171;}
body[mode=black] .btn-primary:hover,
body[mode=black] .btn-primary:focus,
body[mode=black] .btn-primary:active,
body[mode=black] .btn-primary.active,
body[mode=black] .open .dropdown-toggle.btn-primary{color:#FFF; background-color:#545454; border-color:#626262;}
body[mode=black] .btn-primary:active,
body[mode=black] .btn-primary.active{box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.35);}
body[mode=black] .panel-primary > .panel-heading{color:#FFF; background-color:#676767; border-color:#717171;}
body[mode=black] .double-bounce1, body[mode=black] .double-bounce2{background-color: #676767;}
body[mode=black] .modal-header{ background:#676767;}
body[mode=black] .modal-header h4{ color:#FFF;}
body[mode=black] .confirm .con-title{background:#676767;}
body[mode=black] .confirm .con-title h4{ color:#FFF;}
body[mode=black] .create-page a{ color:#666;}
body[mode=black] .create-page a:hover,
body[mode=black] .create-page a.cur{background:#676767; color:#FFF; }
body[mode=black] .selectlist ul{background:rgba(56, 56, 56, 0.9);}
body[mode=black] .page ul.pages li{ border-color:#ccdbe4;	color:#197fce;}
body[mode=black] .page ul.pages li:hover{color:#F00;	border-color:#b7cad6;}
body[mode=black] .page ul.pages li.pgEmpty{color:#CCDBE4;	border-color:#CCDBE4;}
body[mode=black] .page ul.pages li.pgCurrent{border-color:#fff; color:#444;}
body[mode=black] .daterangepicker .ranges li.active,
body[mode=black] .daterangepicker .ranges li:hover{ background:#676767; color:#FFF; border:1px solid #676767;}
body[mode=black] .daterangepicker .datepicker-header{color:#FFF; background-color:#676767 ; border-color:#717171;}
body[mode=black] .daterangepicker .datepicker-week{background:rgba(42, 42, 42, 0.3);}
body[mode=black] .daterangepicker td.active{background-color:#676767;}
body[mode=black] .daterangepicker td.in-range{ background:rgba(42, 42, 42, 0.1);}
body[mode=black] .daterangepicker td.available:hover{ background:rgba(103, 103, 103, 0.8);}
/*red*/
body[mode=red] .head{background:linear-gradient(180deg,#E34053 0,#A82634 100%)}
body[mode=red] .head .user{color:#FFF;}
body[mode=red] .head .user span[role='logout']:hover{color:#D5D5D5}
body[mode=red] .menu{background:#FFF;}
body[mode=red] .menu ul a{color:#666;}
body[mode=red] .menu ul .on > a{background:rgba(204, 55, 71, 0.4);color:#fff}
body[mode=red] .menu ul > li.on > a,
body[mode=red] .menu ul > li > a:hover{background:linear-gradient(180deg,#E34053 0,#A82634 100%)}
body[mode=red] .menu ul a:hover{background:rgba(204, 55, 71, 0.4);color:#fff}
body[mode=red] .menu ol{background:rgba(204, 55, 71, 0.4);}
body[mode=red] .menu ol a{color:#FFF}
body[mode=red] .btn-primary{color:#FFF; background-color:#cc3747 ; border-color:#A52D3A;}
body[mode=red] .btn-primary:hover,
body[mode=red] .btn-primary:focus,
body[mode=red] .btn-primary:active,
body[mode=red] .btn-primary.active,
body[mode=red] .open .dropdown-toggle.btn-primary{color:#FFF; background-color:#B83342; border-color:#A52F3C;}
body[mode=red] .btn-primary:active,
body[mode=red] .btn-primary.active{box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.35);}
body[mode=red] .panel-primary > .panel-heading{color:#FFF; background-color:#cc3747; border-color:#A52D3A;}
body[mode=red] .double-bounce1, body[mode=red] .double-bounce2{background-color: #cc3747;}
body[mode=red] .modal-header{ background:#cc3747;}
body[mode=red] .modal-header h4{ color:#FFF;}
body[mode=red] .confirm .con-title{background:#cc3747;}
body[mode=red] .confirm .con-title h4{ color:#FFF;}
body[mode=red] .create-page a{ color:#666;}
body[mode=red] .create-page a:hover,
body[mode=red] .create-page a.cur{background:#cc3747; color:#FFF; }
body[mode=red] .selectlist ul{background:rgba(235, 92, 107, 0.9);}
body[mode=red] .page ul.pages li{ border-color:#ccdbe4;	color:#197fce;}
body[mode=red] .page ul.pages li:hover{color:#F00;	border-color:#b7cad6;}
body[mode=red] .page ul.pages li.pgEmpty{color:#CCDBE4;	border-color:#CCDBE4;}
body[mode=red] .page ul.pages li.pgCurrent{border-color:#fff; color:#444;}
body[mode=red] .daterangepicker .ranges li.active,
body[mode=red] .daterangepicker .ranges li:hover{ background:#cc3747; color:#FFF; border:1px solid #cc3747;}
body[mode=red] .daterangepicker .datepicker-header{color:#FFF; background-color:#cc3747 ; border-color:#A52D3A;}
body[mode=red] .daterangepicker .datepicker-week{background:rgba(204, 55, 71, 0.3);}
body[mode=red] .daterangepicker td.active{background-color:#cc3747;}
body[mode=red] .daterangepicker td.in-range{ background:rgba(204, 55, 71, 0.1);}
body[mode=red] .daterangepicker td.available:hover{ background:rgba(204, 55, 71, 0.8);}
/*orange*/
body[mode=orange] .head{background:linear-gradient(180deg,#F85D48 0,#DB523F 100%)}
body[mode=orange] .head .user{color:#FFF;}
body[mode=orange] .head .user span[role='logout']:hover{color:#D5D5D5}
body[mode=orange] .menu{background:#FFF;}
body[mode=orange] .menu ul a{color:#666;}
body[mode=orange] .menu ul .on > a{background:rgba(230, 84, 64, 0.4);color:#fff}
body[mode=orange] .menu ul > li.on > a,
body[mode=orange] .menu ul > li > a:hover{background:linear-gradient(180deg,#F85D48 0,#DB523F 100%)}
body[mode=orange] .menu ul a:hover{background:rgba(230, 84, 64, 0.4);color:#fff}
body[mode=orange] .menu ol{background:rgba(230, 84, 64, 0.4);}
body[mode=orange] .menu ol a{color:#FFF}
body[mode=orange] .btn-primary{color:#FFF; background-color:#e65440 ; border-color:#CE4D3C;}
body[mode=orange] .btn-primary:hover,
body[mode=orange] .btn-primary:focus,
body[mode=orange] .btn-primary:active,
body[mode=orange] .btn-primary.active,
body[mode=orange] .open .dropdown-toggle.btn-primary{color:#FFF; background-color:#D94F3C; border-color:#BD4939;}
body[mode=orange] .btn-primary:active,
body[mode=orange] .btn-primary.active{box-shadow:inset 0 3px 5px rgba(64, 61, 60, 0.35);}
body[mode=orange] .panel-primary > .panel-heading{color:#FFF; background-color:#e65440; border-color:#C24A3A;}
body[mode=orange] .double-bounce1, body[mode=orange] .double-bounce2{background-color: #e65440;}
body[mode=orange] .modal-header{ background:#e65440;}
body[mode=orange] .modal-header h4{ color:#FFF;}
body[mode=orange] .confirm .con-title{background:#e65440;}
body[mode=orange] .confirm .con-title h4{ color:#FFF;}
body[mode=orange] .create-page a{ color:#666;}
body[mode=orange] .create-page a:hover,
body[mode=orange] .create-page a.cur{background:#e65440; color:#FFF; }
body[mode=orange] .selectlist ul{background:rgba(235, 122, 107, 0.9);}
body[mode=orange] .page ul.pages li{ border-color:#ccdbe4;	color:#197fce;}
body[mode=orange] .page ul.pages li:hover{color:#F00;	border-color:#b7cad6;}
body[mode=orange] .page ul.pages li.pgEmpty{color:#CCDBE4;	border-color:#CCDBE4;}
body[mode=orange] .page ul.pages li.pgCurrent{border-color:#fff; color:#444;}
body[mode=orange] .daterangepicker .ranges li.active,
body[mode=orange] .daterangepicker .ranges li:hover{ background:#e65440; color:#FFF; border:1px solid #e65440;}
body[mode=orange] .daterangepicker .datepicker-header{color:#FFF; background-color:#e65440 ; border-color:#CE4D3C;}
body[mode=orange] .daterangepicker .datepicker-week{ background:rgba(230, 84, 64, 0.3); }
body[mode=orange] .daterangepicker td.active{background-color:#e65440;}
body[mode=orange] .daterangepicker td.in-range{ background:rgba(230, 84, 64, 0.1);}
body[mode=orange] .daterangepicker td.available:hover{ background:rgba(230, 84, 64, 0.8);}

/*--------------------------以下为js插件所需样式-----------------------------*/

/*jAlert*/
.confirm .popup_content {
	width:380px;
	background:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	-webkit-box-shadow:2px 2px 20px 1px #5C5C5C;
	-moz-box-shadow:2px 2px 20px 1px #5C5C5C;
	box-shadow:2px 2px 20px 1px #5C5C5C;
	font-family:'微软雅黑';
}
.confirm .con-title {
	position:relative;
	text-align:center;
	border-bottom:1px solid #e5e5e5;
}
.confirm .con-title h4 {
	width:100%;
	line-height:38px;
	font-size:18px;
	margin:0;
}
.confirm .con-body {
	padding:30px;
	text-align:center;
	line-height:30px;
	font-family:"微软雅黑";
	font-size:14px;
}
.confirm .con-foot {
	padding:15px 80px;
	text-align:center;
}
.confirm .con-foot input {
	width:80px;
	padding:5px 10px;
	text-align:center;
	margin:0 5px;
	color:#FFF;
	border:0 none;
	font-size:14px;
	border-radius:3px;
	letter-spacing:2px;
	cursor:pointer;
}
.confirm .con-foot input.do {
	background:#E40000;
}
.confirm .con-foot input.undo {
	background:#0a8eec;
}

/*jquery-pager*/
.page {
	height:40px;
	position:relative
}
.page ul.pages {
	position: absolute;
	top: 15px;
	right: 0px;
}
.page ul.pages li {
	list-style:none;
	float:left;
	border:1px solid;
	margin:0 2px;
	text-decoration:none;
	padding:1px 7px;
	cursor:pointer;
}
.page ul.pages li.pgEmpty {
	cursor:not-allowed;
	pointer-events: none;
}
.page ul.pages li.pgCurrent {
	font-weight:bold;
	cursor:text
}

/*transition - 弹窗动画*/
.i-scale,.i-super-scale{
	-webkit-transition-property:-webkit-transform, opacity;
	-moz-transition-property:-moz-transform, opacity;
	-ms-transition-property:-ms-transform, opacity;
	transition-property:transform, opacity;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-ms-transition-duration:.3s;
	transition-duration:.3s;
}
.i-scale {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
.i-scale.i-show {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.i-super-scale {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
}

.i-super-scale.i-show {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 8: 3D flip horizontal */
.md-effect-8 .popup_content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .popup_content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10 .popup_content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .popup_content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* 上传控件 jquery.uploadify */
.file-show{
	position:absolute;
	z-index:1051;
	width:100%;
	height:100%;
	top:0;
	background:#000;
}
.file-show-body{
	margin:10px auto;
	position:relative;
	border:1px solid #FFF;
	box-sizing: content-box;
}
.file-show-body > i{
	display:block;
	width:22px;
	height:22px;
	background:url(../images/icon_9.png);
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
}
.file-canvas{
	width:200px;
	height:80px;
	background:#CCC;
	border-radius:3px;
	position:absolute;
	left:109px;
	top:7px;
}
.file-canvas.square{
	width:80px;
}
.file-input{
	width:200px;
	height:80px!important;
	visibility:hidden;
}
.file-info{
	width:100%;
	line-height:80px;
	text-align:center;
	color:#FF0000;
}
.file-val i{
	display:block;
	width:20px;
	height:20px;
	background:url(../images/select2x2.png) right top;
	position:absolute;
	top:-11px;
	right:-11px;
	cursor:pointer;
	display:none;
}
.file-val i:hover{
	background-position:right -22px;
}
.file-val img{
	width:100%;
	height:80px;
	position:relative;
	border-radius:3px;
}
.file-loading {
  margin: 30px auto;
  width: 20px;
  height: 20px;
  position: relative;
}
 
.file-loading .file-loading-container > div{
  width: 6px;
  height: 6px;
  background-color: #428BCA; 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.file-loading .file-loading-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.file-loading .container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.file-loading .container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.file-loading .circle1 { top: 0; left: 0; }
.file-loading .circle2 { top: 0; right: 0; }
.file-loading .circle3 { right: 0; bottom: 0; }
.file-loading .circle4 { left: 0; bottom: 0; }
 
.file-loading .container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.file-loading .container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.file-loading .container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.file-loading .container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.file-loading .container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.file-loading .container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.file-loading .container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.file-loading .container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.file-loading .container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.file-loading .container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.file-loading .container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.uploadify {
	position: absolute;
	top: 28px;
	left: 50%;
	margin-left: -21px;
	opacity: 0.8;
}
.uploadify-button {
	display: inline-block;
	padding: 0;
	text-align: center;
	line-height: 23px;
	border-radius: 3px;
	background: #63AA0C;
	position:absolute;
	top:0px;
	left:0px;
}
.uploadify-button-text{
	color:#FFF!important;
}
.uploadify-button.disabled {
	background-color: #D0D0D0;
	color: #808080;
}
.uploadify-queue {
	position:absolute;
	width:450px;
	left:0;
	margin-top:1px;
}
.uploadify-queue-item {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 1px;
	padding: 2px 5px;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
	background: url('../images/uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 5px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

/*select2*/
.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle; }
.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 28px;
	user-select: none;
	-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
	position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px; }
.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	user-select: none;
	-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block;
	overflow: hidden;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap; }
.select2-container .select2-search--inline {
	float: left; }
.select2-container .select2-search--inline .select2-search__field {
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none; }

.select2-dropdown {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051; }

.select2-results {
	display: block; }

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0; }

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none; }
.select2-results__option[aria-selected] {
	cursor: pointer; }

.select2-container--open .select2-dropdown {
	left: 0; }

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0; }

.select2-search--dropdown {
	display: block;
	padding: 4px; }
.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
	display: none; }

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0); }

.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important; }

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
	color: #999;
	margin-top: 5px;
	float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
	float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid #ccc 1px;
	outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius: 0;
	border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
	padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
	color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb;
	color: white; }

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px; }

.select2-container--classic .select2-selection--single {
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	border-radius: 4px;
	outline: 0;
	background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
	background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
	background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
	border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color: #ddd;
	border: none;
	border-left: 1px solid #aaa;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
	background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
	background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	border: none;
	border-right: 1px solid #aaa;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	left: 1px;
	right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: transparent;
	border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
	background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
	background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
	background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
	background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
	border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
	list-style: none;
	margin: 0;
	padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
	display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	color: #888;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
	border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa;
	outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
	outline: 0;
	box-shadow: none; }

.select2-container--classic .select2-dropdown {
	background-color: white;
	border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
	border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
	border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
	padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
	color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
	background-color: #3875d7;
	color: white; }

.select2-container--classic .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb; }


/*daterangepicker*/
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
 *
 * Built for http://www.improvely.com
 */
.daterangepicker.dropdown-menu {
	max-width: none;
	z-index: 3000;
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
	float: left;
	margin: 4px;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
	float: right;
	margin: 4px;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
	float: none;
}

.daterangepicker .ranges {
	width: 160px;
	text-align: left;
}

.daterangepicker .ranges .range_inputs>div {
	float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
	padding-left: 11px;
}

.daterangepicker .calendar {
	display: none;
	max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
	display: block;
}

.daterangepicker .calendar.single .calendar-date {
	border: none;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
	font-family: "微软雅黑";
	white-space: nowrap;
	text-align: center;
	min-width: 32px;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
	color: #333;
	display: block;
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	margin-bottom: 2px;
	text-shadow: #fff 1px 1px 0px;
	text-transform: uppercase;
	width: 74px;
}

.daterangepicker .ranges input {
	font-size: 11px;
}

.daterangepicker .ranges .input-mini {
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	display: block;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin: 0 0 10px 0;
	padding: 0 4px;
	width: 74px;
}

.daterangepicker .ranges ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.daterangepicker .ranges li {
	font-size: 13px;
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
	padding: 3px 12px;
	margin-bottom: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
	background: #08c;
	border: 1px solid #08c;
	color: #fff;
}

.daterangepicker .calendar-date {
	padding: 4px;
	background: #fff;
}

.daterangepicker .calendar-time {
	text-align: center;
	margin: 8px auto 0 auto;
	line-height: 30px;
}

.daterangepicker {
	position: absolute;
	background: #fff;
	top: 100px;
	left: 20px;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.daterangepicker.opensleft:before {
	position: absolute;
	top: -7px;
	right: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.daterangepicker.opensleft:after {
	position: absolute;
	top: -6px;
	right: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: '';
}

.daterangepicker.openscenter:before {
	position: absolute;
	top: -7px;
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.daterangepicker.openscenter:after {
	position: absolute;
	top: -6px;
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: '';
}

.daterangepicker.opensright:before {
	position: absolute;
	top: -7px;
	right: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.daterangepicker.opensright:after {
	position: absolute;
	top: -6px;
	right: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: '';
}
.daterangepicker.opensright.left-site:before {
	left: 9px;
	right:inherit;
}

.daterangepicker.opensright.left-site:after {
	left: 10px;
	right:inherit;
}


.daterangepicker table {
	width: 100%;
	margin: 0;
}

.daterangepicker td{
	text-align: center;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
}
.daterangepicker td.week{
	cursor:default;
}
.daterangepicker th {
	font-size:15px;
	color:#707687;
	font-weight:normal;
}
.daterangepicker th.available{
	cursor: pointer;
}
.daterangepicker .datepicker-header{ background:#E65440; border:1px solid #C24A3A;}
.daterangepicker .datepicker-header th{ color:#FFF;}
.daterangepicker .datepicker-week{ border-left:1px solid #CCC; border-right:1px solid #CCC;}
.daterangepicker .datepicker-week th{ color:#6B7385; font-size:12px;}
.daterangepicker tbody{ border:1px solid #CCC; border-top:none;}
.daterangepicker td.off {
	color: #999;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
	color: #999;
	cursor:default;
}

.daterangepicker td.available:hover{
	background: #eee;
}
.daterangepicker th.available:hover{
	color:#65B454;
}

.daterangepicker td.in-range {
	background: #ebf4f8;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.daterangepicker td.start-date {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	border-color: #3071a9;
	color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
	font-size: 80%;
	color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
	font-size: 12px;
	padding: 1px;
	height: auto;
	margin: 0;
	cursor: default;
}

.daterangepicker select.monthselect {
	margin-right: 2%;
	width: 56%;
}

.daterangepicker select.yearselect {
	width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
	width: 50px;
	margin-bottom: 0;
}

.daterangepicker_start_input {
	float: left;
}

.daterangepicker_end_input {
	float: left;
	padding-left: 11px
}

.daterangepicker th.month {
	width: auto;
}
.daterangepicker .btn {
	padding: 2px 22px;
	margin: 0 2px;
}
